<!DOCTYPE html>
<html>

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>服务</title>
        <link rel="stylesheet" href="css/amazeui.min.css" />
        <link rel="stylesheet" href="css/app.css" />
        <link rel="stylesheet" href="css/swiper-3.3.1.min.css" />
        <script src="js/amazeui.min.js" type="text/javascript"></script>
        <script src="js/swiper-3.3.1.min.js"></script>
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <style>
                body {
                        max-width: 640px;
                        margin: 0 auto;
                        font-size: 10px;
                        background: #F3F2F7;
                }

                * {
                        box-sizing: border-box;
                }

                [class*=am-u-] {
                        padding: 0;
                }
        </style>
</head>

<body>
        <header class="am-u">
                <div class="am-u-sm-12 head_nav" style="margin:0;">
                        <div class="am-u-sm-2 am-vertical-align" style="text-align: center;">
                                <a href="home.html">
                                        <img src="img/return@2x.png" class="am-vertical-align-middle" alt="" />
                                </a>
                        </div>
                        <div class="am-u-sm-8 head_text">
                                服务
                        </div>
                        <div class="am-u-sm-2">

                        </div>
                </div>
        </header>
        <div class="am-u">
                <div class="am-u-sm-12" style="background: #0165C7;">
                        <div class="am-u-sm-4" style="text-align: center;">
                                <a href="profits.html">
                                        <div>
                                                <img src="img/profits@2x.png" style="width: 50px;" alt="" />
                                        </div>
                                        <span style="font-size:13px;color: #fff;display: block;margin: 1rem">我的利润</span>
                                </a>
                        </div>
                        <div class="am-u-sm-4" style="text-align: center;">
                                <a href="Myclient.html">
                                        <div>
                                                <img src="img/customer@2x.png" style="width: 50px;" alt="" />
                                        </div>
                                        <span style="font-size:13px;color: #fff;display: block;margin: 1rem">我的客户</span>
                                </a>
                        </div>
                        <div class="am-u-sm-4" style="text-align: center;">
                                <a href="generalize.html">
                                        <div>
                                                <img src="img/tomakemoney@2x.png" style="width: 50px;" alt="" />
                                        </div>
                                        <span style="font-size:13px;color: #fff;display: block;margin: 1rem">推广赚钱</span>
                                </a>
                        </div>
                </div>
        </div>
        <div class="am-u" style="background: #eee;padding: 10px;">
                <div class="am-u-sm-12" style="background: #fff;border-radius: 15px;">
                        <div class="am-u-sm-12" id="jiu_list">
                                <!--				<div class="am-u-sm-4 fwsp" >
                                            <a href="">
                                                    <div>
                                                            <img src="img/transaction@2x.png" width="40" alt="" />
                                                    </div>
                                                    <span>信用卡代理</span>
                                            </a>
                                    </div>
                                    <div class="am-u-sm-4 fwsp">
                                            <a href="">
                                                    <div>
                                                            <img src="img/loan@2x.png" width="40" alt="" />
                                                    </div>
                                                    <span >网贷代理</span>
                                            </a>
                                    </div>
                                    <div class="am-u-sm-4 fwsp">
                                            <a href="">
                                                    <div>
                                                            <img src="img/theloan@2x.png" width="40" alt="" />
                                                    </div>
                                                    <span >提额知识</span>
                                            </a>
                                    </div>
                                    <div class="am-u-sm-4 fwsp">
                                            <a href="">
                                                    <div>
                                                            <img src="img/substitute@2x.png" width="40" alt="" />
                                                    </div>
                                                    <span >积分指南</span>
                                            </a>
                                    </div>
                                    <div class="am-u-sm-4 fwsp">
                                            <a href="">
                                                    <div>
                                                            <img src="img/privilege@2x.png" width="40"alt="" />
                                                    </div>
                                                    <span >年度解说</span>
                                            </a>
                                    </div>
                                    <div class="am-u-sm-4 fwsp">
                                            <a href="">
                                                    <div>
                                                            <img src="img/financial@2x.png" width="40" alt="" />
                                                    </div>
                                                    <span >申卡技巧</span>
                                            </a>
                                    </div>
                                    <div class="am-u-sm-4 fwsp">
                                            <a href="">
                                                    <div>
                                                            <img src="img/More@2x.png" width="40" alt="" />
                                                    </div>
                                                    <span >羊毛日记</span>
                                            </a>
                                    </div>
                                    <div class="am-u-sm-4 fwsp">
                                            <a href="">
                                                    <div>
                                                            <img src="img/credit@2x.png" width="40" alt="" />
                                                    </div>
                                                    <span >卡友心经</span>
                                            </a>
                                    </div>
                                    <div class="am-u-sm-4 fwsp">
                                            <a href="">
                                                    <div>
                                                            <img src="img/equipment@2x.png" width="40" alt="" />
                                                    </div>
                                                    <span >理财宝典</span>
                                            </a>
                                    </div>-->
                        </div>
                        <div class="swiper-container" id="d2">
                                <!--				    <div class="swiper-wrapper">
				        <div class="swiper-slide">
				            <img src="img/banner1@2x.png">
				        </div>
				        <div class="swiper-slide">
				            <img src="img/banner1@2x.png">
				        </div>
				        <div class="swiper-slide">
				            <img src="img/banner1@2x.png">
				        </div>
				    </div>-->
                                <!-- 如果需要分页器 -->
                                <div class="swiper-pagination" style="bottom:1%"></div>

                                <!-- 如果需要导航按钮 -->
                                <!--<div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>
				-->
                                <!-- 如果需要滚动条 -->
                                <!-- <div class="swiper-scrollbar"></div>-->
                        </div>
                        <div class="am-u-sm-4 fwsp">
                                <a id="Newbie">
                                        <div>
                                                <img src="img/novice@2x.png" width="40" alt="" />
                                        </div>
                                        <span>新手指引</span>
                                </a>
                        </div>
                        <div class="am-u-sm-4 fwsp">
                                <a href="upgrade.html">
                                        <div>
                                                <img src="img/partner@2x.png" width="40" alt="" />
                                        </div>
                                        <span>加入合伙人</span>
                                </a>
                        </div>
                        <div class="am-u-sm-4 fwsp">
                                <a id="creditCard">
                                        <div>
                                                <img src="img/policy@2x.png" width="40" alt="" />
                                        </div>
                                        <span>推广政策</span>
                                </a>
                        </div>
                </div>

        </div>
        <script src="js/outside_chain.js"></script>
        <script src="js/loading.js"></script>
        <script>
                var mySwiper = new Swiper('.swiper-container', {
                        autoplay: 3000, //自动轮播参数
                        pagination: '.swiper-pagination', //分页器class
                        loop: true, //无限循环
                        grabCursor: true, //鼠标放上时变成手的形状
                        paginationClickable: true, //点击分页切换图像
                        autoplayDisableOnInteraction: false, //点击屏幕后仍然可以自动播放
                        // 如果需要前进后退按钮
                        nextButton: '.swiper-button-next',
                        prevButton: '.swiper-button-prev'

                })
                var token1 = sessionStorage['token'];
                $.ajax({
                        type: 'POST',
                        url: "http://www.rice.com/app/api/h5_access",
                        contentType: "application/x-www-form-urlencoded; charset=utf-8",
                        datatype: "JSON",
                        data: {
                                method: "appindex",
                                token: token1
                        },
                        success: function (data) {
                                var data1 = JSON.parse(data);
                                console.log(data1);
                                if (data1.status === 1) {
                                        var html = "";
                                        for (var i in data1.data.appindex) {
                                                if (data1.data.appindex[i].app_url == ".....") {
                                                        html +=
                                                                '<div class="am-u-sm-4 fwsp" ><a class="hh"><div>';
                                                } else {
                                                        html +=
                                                                '<div class="am-u-sm-4 fwsp" ><a href="' +
                                                                data1.data.appindex[i].app_url +
                                                                '"><div>';
                                                }
                                                html += '<img src="' + data1.data.appindex[i].apppic_url +
                                                        '" width="40" alt="" />';
                                                html += '</div><span>' + data1.data.appindex[i]
                                                        .app_name + '</span></a></div>'
                                        }
                                        $("#jiu_list").html(html);
                                        $(".hh").on("click", function () {
                                                alert("开发中");
                                        })
                                } else if (Number(data1.status) == 2) {
                                        alert(data1.message);
                                        window.location.href = "login.html";
                                } else {
                                        alert(data1.message);
                                }
                        }
                });
                $.ajax({
                        type: "post",
                        url: "http://www.rice.com/app/api/h5_access",
                        data: {
                                method: "loadpic"
                        },
                        dataType: "json",
                        success: function (result) {
                                if (result.status == "1") {
                                        var pic = result.data.picdata;
                                        //               console.log(pic);
                                        var sttr = '<div class="swiper-wrapper">';
                                        for (var i in pic) {
                                                sttr += ' <div class="swiper-slide">';
                                                sttr += '<a href="' + pic[i].url + '">';
                                                sttr += '<img src="' + pic[i].img_url +
                                                        '" width="100%" /></a>';
                                                sttr += ' </div>';
                                        }
                                        sttr += '</div>';
                                        $("#d2").html(sttr);
                                        var mySwiper2 = new Swiper('#d2', {
                                                autoplay: 2000, //自动轮播参数
                                                loop: true, //无限循环
                                                grabCursor: true, //鼠标放上时变成手的形状
                                                autoplayDisableOnInteraction: false, //点击屏幕后仍然可以自动播放
                                        })
                                }
                        }
                })
        </script>

</body>

</html>